import { useThemeStore } from "@/stores/theme"
import VariableName from "@/stores/theme/variable-name"
import { useApplicationStore } from "@/stores/application"

export function useMainPanelStyle() {
  const themeStore = useThemeStore()
  const placement = themeStore.getVariableRef(VariableName.MainPanel.placement)
  return { placement }
}

export function useMainPanelApplications() {
  const applicationStore = useApplicationStore()
  return applicationStore.applicationsContext.getApplicationsRef(
    (application) => application.info.inMainPanel
  )
}
